<div class="iui flex-item" v-if="list.pages > 0">
    <div class="center">
        <div class="inphp-admin-pagination">
            <div class="page-item" v-if="list.page > 2" @click="firstPage"><i class="fa fa-angles-left"></i></div>
            <div class="page-item" v-if="list.page > 1" @click="prevPage"><i class="fa fa-angle-left"></i></div>
            <template v-if="list.pages > 10">
                <div class="page-item" :class="{ current:list.page == page }" v-for="page of 5" @click="setPage(page)">{{ page }}</div>
                <div class="page-item">...</div>
                <div class="page-item" :class="{ current:list.page == (list.pages - 5 - page) }" v-for="page of 5" @click="setPage(list.pages - 5 - page)">{{ list.pages - 5 - page }}</div>
            </template>
            <template v-else>
                <div class="page-item" :class="{ current:list.page == page }" v-for="page of list.pages" @click="setPage(page)">{{ page }}</div>
            </template>
            <div class="page-item" v-if="list.page < list.pages" @click="nextPage"><i class="fa fa-angle-right"></i></div>
            <div class="page-item" v-if="list.page < list.pages - 1" @click="lastPage"><i class="fa fa-angles-right"></i></div>
        </div>
    </div>
    <div class="end">
        <a-input-number :min="1" :max="list.pages" addon-before="跳转到" addon-after="页" @keyup.enter="setPage"></a-input-number>
    </div>
</div>